<template>
  <div class="no5" style>
    <div>
      <div style="padding-bottom:20px;">
        <p style="font-size:14px;padding-bottom:5px;">关于我们</p>
        <p style="font-size:12px; padding:2px 0px;">ABOUT</p>
      </div>
      <br />
      <div
        style="font-size:12px;line-height:24px;"
      >某某家装有限公司是一家大型现代化装饰企业，历经十余年的发展与资源整合，集团已形成由工装、家装双引擎联合驱动的全产业链发展模式，致力为客户带去超高性价比的一站式装饰体验。</div>
      <br />
      <div
        style="font-size:12px;line-height:24px;"
      >作为一家具有社会责任感和企业荣誉感的装饰企业，成立至今集团坚持以人为本、诚信经营，以引领行业发展为己任，多次实现设计领域的创新与工艺方面的突破。集团拥有工程设计与施工二级资质以及一批身经百战经验丰富的服务团队，并通过信息化移动平台对所有施工工程进行实时、实地的监控管理，全程保障工程质量和进 度，从而实现客户利益最大化。</div>
      <br />
      <div
        style="font-size:12px;line-height:24px;"
      >公司以“成就客户、互利共 赢”为经营理念。并以为客户提供高、精、专的装饰装修服务为宗旨。成立至今已为上万个客户提供专业化解决方案，我们始终坚持精品发展战略，走专业化道路。在商业工装领域提出“营销型装饰设计”先进理念，在家装领域着力推出“体验式”服务，受到业内广泛的好评和赞誉。未来我们将进一步整合资源、提升服务，打造中国最具影响力装饰品牌。</div>
    </div>
    <div class="mh">
        <div ></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div style="width:100%;height:80px;">

    </div>
  </div>
</template>

<style>
.no5 {
  background: url(https://575e5b35c4ee7.t73.qifeiye.com/qfy-content/uploads/2017/05/e3e1c46a99b62cc99f7dbc81d6b25896.jpg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  color: #fff;
}
.no5 > div {
  padding: 20px 15px 46px 15px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.4);
}
.mh {
  padding-top: 30px;
  overflow: hidden;
}
.mh>div{
    float: left;
    width: 16px;
    height:16px;
    margin-right: 20px;
    
}
.mh>div:nth-of-type(1){
    background: url(https://f.goodq.top/FeiEditor/images/icon/social_icon_16x16.png);
    background-repeat: no-repeat;
    background-position-y: -96px;
}
.mh>div:nth-of-type(2){
    background: url(https://f.goodq.top/FeiEditor/images/icon/social_icon_16x16.png);
    background-repeat: no-repeat;
    background-position-x: -16px;
    background-position-y: -96px;
}
.mh>div:nth-of-type(3){
    background: url(https://f.goodq.top/FeiEditor/images/icon/social_icon_16x16.png);
    background-repeat: no-repeat;
    background-position-x: -128px;
    background-position-y: -96px;
}
.mh>div:nth-of-type(4){
    background: url(https://f.goodq.top/FeiEditor/images/icon/social_icon_16x16.png);
    background-repeat: no-repeat;
    background-position-x: -64px;
    background-position-y: -96px;
}
.mh>div:nth-of-type(5){
    background: url(https://f.goodq.top/FeiEditor/images/icon/social_icon_16x16.png);
    background-repeat: no-repeat;
    background-position-x: -80px;
    background-position-y: -96px;
}
</style>